<template>
  <div class="songs">
    <div class="songs-item">
      <div class="item-title">
        <h3>
          <span>热门新碟</span>
          <a href="javascript:;">
            <i></i>
          </a>
        </h3>
      </div>
      <ul class="play-all clearfix">
        <li v-for="(item, index) in albumList" :key="index">
          <img :src="item.picUrl" alt="" />
          <p class="playtt">
            <a href="javascript:;">{{ item.name }}</a>
          </p>
          <p>
            <a href="javascript:;">{{ item.artist.name }}</a>
          </p>
        </li>
      </ul>
    </div>
    <div class="songs-item">
      <div class="item-title">
        <h3>
          <span>全部新碟</span>
          <a href="javascript:;">
            <i></i>
          </a>
        </h3>
      </div>
      <ul class="play-all clearfix">
        <li v-for="(item, index) in allList" :key="index">
          <img :src="item.blurPicUrl" alt="" />
          <p class="playtt">
            <a href="javascript:;">{{ item.name }}</a>
          </p>
          <p>
            <a href="javascript:;">{{ item.artist.name }}</a>
          </p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: ["albumList","allList"],
};
</script>

<style lang="less" scoped>
</style>